<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>科技模板</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bx-Slider StyleSheet CSS -->
    <link href="css/jquery.bxslider.css" rel="stylesheet"> 
    <!-- Font Awesome StyleSheet CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/svg-style.css" rel="stylesheet">
    <!-- Pretty Photo CSS -->
    <link href="css/prettyPhoto.css" rel="stylesheet">
	<!-- DL Menu CSS -->
	<link href="js/dl-menu/component.css" rel="stylesheet">
    <!-- Widget CSS -->
    <link href="css/widget.css" rel="stylesheet">
    <!-- Typography CSS -->
    <link href="css/typography.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <!-- Owl Carousel CSS -->
    <link href="css/chosen.min.css" rel="stylesheet">
    <!-- Shortcodes CSS -->
    <link href="css/shortcodes.css" rel="stylesheet">
	<!-- Custom Main StyleSheet CSS -->
    <link href="style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="css/responsive.css" rel="stylesheet">
 
  </head>

  <body>

<!--Wrapper Start-->  
<div class="ct_wrapper">
	
    <header>
    	<!--Top Strip Wrap Start-->
        <div class="top_strip">
        	<div class="container">
                <div class="top_location_wrap">
                    <p><i class="fa fa-map-marker"></i>江苏省昆山市智谷创意产业园</p>
                </div>
                <div class="top_ui_element">
                    <ul>
                        <li><i class="fa fa-envelope"></i><a>123456@123.com</a></li>
                        <li><i class="fa fa-phone"></i><a>400-12345678</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Top Strip Wrap End-->
        
        <!--Navigation Wrap Start-->
        <div class="logo_nav_outer_wrap">
        	<div class="container">
                <div class="logo_wrap">
                    <a href="#"><img src="images/logo.png" alt=""></a>
                </div>
                
                <nav class="main_navigation">
                    <ul>
                        <li><a href="index.html">网站首页</a></li>
                        <li><a href="about-us.html">关于我们</a></li>
                        <li><a href="course-listing.html">案例介绍</a></li>
                        <li><a href="our-teacher.html">团队风采</a></li>
                        <li><a href="blog-grid.html">新闻中心</a></li>
                        <li><a href="contact-us.html">联系我们</a></li>
                    </ul>
                </nav>
                <!--DL Menu Start-->
                <div id="kode-responsive-navigation" class="dl-menuwrapper">
                    <button class="dl-trigger">Open Menu</button>
                    <ul class="dl-menu">
                        <li class="active"><a href="index.html">网站首页</a></li>
                        <li><a href="about-us.html">关于我们</a></li>
                        <li class="menu-item kode-parent-menu"><a href="course-listing.html">案例介绍</a></li>
                        <li class="menu-item kode-parent-menu"><a href="our-teacher.html">团队风采</a></li>
                        <li class="menu-item kode-parent-menu"><a href="blog-grid.html">新闻中心</a></li>
                        <li class="menu-item kode-parent-menu"><a href="contact-us.html">联系我们</a></li>
                    </ul>
                </div>
                <!--DL Menu END-->
            </div>
        </div>
        <!--Navigation Wrap End-->
    </header>
    
    <!--Banner Wrap Start-->
    <section class="sub_banner_wrap">
    	<div class="container">
        	<div class="row">
            	<div class="col-md-6">
                	<div class="sub_banner_hdg">
                    	<h3>案例介绍</h3>
                    </div>
                </div>
                <div class="col-md-6">
                	<div class="ct_breadcrumb">
                    	<ul>
                        	<li><a href="index.html">网站首页</a></li>
                            <li><a>案例介绍</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Banner Wrap End-->
    
    <!--Content Wrap Start-->
    <div class="ct_content_wrap">
    	<section>
        	<div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="ct_course_list_wrap">
                        	<figure>
                            	<img src="images/case/case1.jpg" alt="">
                                <figcaption class="course_list_img_des">
                                	<div class="ct_course_review">
                                    	<span>用户评价</span>
                                        <ul>
                                        	<li>
                                            	<a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star"></i></a>
                                                <a href="#"><i class="fa fa-star-half-empty"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ct_zoom_effect"></div>
                                    <div class="ct_course_link">
                                    	<a href="course-detail.html">查看详情</a>
                                    </div>
                                </figcaption>
                            </figure>
                            <div class="popular_course_des">
                            	<h5><a href="course-detail.html">界面设计</a></h5>
                                <p>
                                	由于客户给的资料并不全面，索要被告知他们也没有，资料缺少。根据客户官网的介绍和行业
                                	的近况结合自身对 行业的理解来设计出客户所期望的效果。
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="ct_pagination">
                        <ul>
                            <li>
                                <a href="#">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">4</a>
                                <a href="#" class="next">下一页</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!--Content Wrap End-->
    
    <!--Footer Wrap Start-->
    <footer>
        <!--Footer Col Wrap Start-->
        <div class="ct_footer_bg">
        	<div class="container">
            	<div class="row">
                	<div class="col-md-3 col-sm-6">
                    	<div class="footer_col_1 widget">
                        	<a href="#"><img src="images/logo.png" alt=""></a>
                            <p>我们所做的一切都是以客户的利益为出发点，帮助企业建立全面且切实的市场形象，我们坚信与企共同成长</p>
                            <span>Email : 123456@123.com</span>
                            <div class="foo_get_qoute">
                            	<a href="#">联系我们</a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_2 widget">
                        	<h5>关注我们</h5>
                            <img src="images/gw.jpg" />
                        </div>
                    </div>
                    
                     <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_2 widget">
                        	<h5>快速通道</h5>
                            <ul>
                            	<li><a href="#">案例介绍</a></li>
                                <li><a href="#">团队风采</a></li>
                                <li><a href="#">新闻中心</a></li>
                                <li><a href="#">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-sm-6">
                    	<div class="foo_col_4 widget">
                        	<h5>联系方式</h5>
                            <ul>
                            	<li>江苏省昆山市之谷创意产业园</li>
                            	<li>400-12345678</li>
                                <li></li>
                                <li>每周5*12小时竭诚为您服务</li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!--Footer Col Wrap End-->
        
        <!--Footer Copyright Wrap Start-->
        <div class="ct_copyright_bg">
        	<div class="container">
            	<div class="row">
                	<div class="col-md-12">
                    	<div class="copyright_text text-center">
                        2017-2018 All right reserved
                        </div>
                  </div>
                </div>
            </div>
        </div>
        <!--Footer Copyright Wrap End-->
        <div class="back_to_top">
            <a href="#"><i class="fa fa-angle-up"></i></a>
        </div>
    </footer>
    <!--Footer Wrap End-->
        
</div>
<!--Wrapper End-->



    <!--Bootstrap core JavaScript-->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--Bx-Slider JavaScript-->
	<script src="js/jquery.bxslider.min.js"></script>
    <!--Owl Carousel JavaScript-->
	<script src="js/owl.carousel.js"></script>
	<!--Dl Menu Script-->
	<script src="js/dl-menu/modernizr.custom.js"></script>
	<script src="js/dl-menu/jquery.dlmenu.js"></script>
    <!--Time Counter Javascript-->
    <script src="js/jquery.downCount.js"></script>
    <!--Pretty Photo Javascript-->
    <script src="js/jquery.prettyPhoto.js"></script>
    <!--Way Points Javascript-->
    <script src="js/waypoints-min.js"></script>
    <!--Accordian Javascript-->
    <script src="js/jquery.accordion.js"></script>
    <!--Accordian Javascript-->
    <script src="js/chosen.jquery.min.js"></script>
    <!--Custom JavaScript-->
	<script src="js/custom.js"></script>

  </body>
</html>
